@import 'animate.css';
@import 'skin.css';

/******************************
 ** 初始化
** 1.2.0
 ******************************/
* { margin:0; padding:0; }
html { height:100%; }
body  { min-height:100%; font:14px/2 'Microsoft Yahei', Arial; color:#666; background:#fff; }
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#0475cc; }
a:link,
a:link img,
input { transition:all .3s linear; }

.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap { width:1200px; margin:0 auto; position:relative; }
.fl { float: left; }
.fr { float: right; }



/******************************
 ** 首页
 ******************************/
.ihead { position: relative; height: 35px; background: #fafafa; border-bottom: 1px solid #dfdfdf; line-height: 35px; color: #8b8b8b; }
.ihead .wrap { overflow: hidden; }
.ihead .link a { display: block; width: 100px; text-align: center; color: #8b8b8b; }
.ihead .link .line { display: block; width: 1px; height: 12px; background: #dfdfdf; margin-top: 12px; }

.ilogo { position: relative; height: 156px; }
.ilogo .wrap { overflow: hidden; }
.ilogo .logo { height: 88px; margin: 35px 30px 0 0;   }
.ilogo .logo img { display: block; height: 100%; }
.ilogo .line { display: block; width: 1px; height: 58px; margin-top: 50px; background: #bfbfbf; }
.ilogo .name { line-height: 34px; margin: 45px 0 0 20px; }
.ilogo .name h3 { color: #0475cc; font-size: 20px; }
.ilogo .name h3 span { color:#69be2d; }
.ilogo .name h4 { color: #555; font-size: 18px; font-weight: normal; }
.ilogo .tel { margin-top: 43px; padding-left: 55px; background: url(../images/tel.png) left center no-repeat; }
.ilogo .tel h4 { color: #555; font-size: 16px; font-weight: normal; }
.ilogo .tel h3 { color: #0366c1; font-size: 30px; line-height: 30px; }
/* .search { position: relative; }
.search .srk { background-color: inherit; width: 246px; height: 35px; line-height: 35px; border: solid 1px #00b0f0; padding-left: 10px; color: #333; }
.search .ssbtm { width: 37px; height: 37px; position: absolute; top: 0; bottom: 0; background: url(../images/btnsearch.png) center center no-repeat #00b0f0;  padding-left: 37px; border: solid 1px #00b0f0; cursor: pointer; } */

.nav { background: #0366c1; position:relative; z-index:10; }
.nav .wrap { height:60px; }
.nav li { float:left; width:150px; height:60px; position:relative; }
.nav li > a { display:block; height:60px; line-height:60px; font-size:18px; color:#fff; text-align:center; transition:none; transition:background .5s ease; }
.nav .drop { position:absolute; left:0; top:60px; right:0; background:url(about:blank) center center repeat; display:none; width:130px; border-top: none; }
.nav .drop dl { position:relative; background:#99da4a; }
.nav .drop dd { line-height:45px; text-align:center; margin: 0 4px; border-top: 1px solid #a8e05f; }
.nav .drop dd:first-child { border-top: none; }
.nav .drop a { display:block; color:#fff; height:45px }
.nav .drop a:hover { background: url(../images/dropa.png) bottom center no-repeat #99da4a; color: #fff; margin: 0 -4px; }
.nav.active li.current > a { background: #0366c1; }
.nav li.active > a {  background: #69be2d !important; }
.nav li.current > a { background: #69be2d; }

.banner { position:relative; z-index:8; }
.banner .list { position:relative; overflow:hidden; z-index:1; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .dots { position: absolute; left: 50%; bottom: 20px; margin: 0 0 0 -50px; line-height: 0; z-index: 18; }
.banner .dots li { display: inline-block; +display: inline; +zoom: 1; width: 20px; height: 20px;  background: #fff;  margin: 0 4px;  cursor: pointer; transition: all .3s ease; border-radius: 50%; }
.banner .dots li.active { background: #0366c1; border-radius: 50%; }
.banner .prev,
.banner .next { width: 30px; height: 53px; position: absolute; top: 50%; margin: -50px 0 0; z-index: 9; cursor: pointer; display: none; }
.banner .prev { background: url(../images/banner-pw.png) 0 0 no-repeat; left: 30px; }
.banner .next { background: url(../images/banner-pw.png) -32px 0 no-repeat ; right: 30px; }
.banner .list,
.banner .list img { height:593px; }
.banner.mini .list,
.banner.mini .list img { height:300px; }

.inav { position: relative; background: #0366c1; border-top: 1px solid #fff; }
.inav .list { position: relative; overflow: hidden; }
.inav li { width: 198px; border-left: 1px dashed #fff; text-align: center; line-height: 22px; height: 130px;  overflow: hidden;  }
.inav li:last-child { border-right: 1px dashed #fff; }
.inav li img { height: 60px; width: auto; margin-top: 8px; }
.inav li h2 { font-size: 22px; color: #fff; }
.inav li h3 { font-size: 12px; color: #fff; font-weight: normal; }
.inav li:hover { background: #69be2d; }

.iproduct { position: relative; padding: 50px 0 70px 0; }
.iproduct .head { text-align: center; }
.iproduct .head h2 { font-size: 26px; color: #333; }
.iproduct .head h3 { font-size: 18px; color: #666; font-weight: normal; margin-bottom: 15px; }
.iproduct .head .line { width: 214px; height: 4px; margin: 0 auto; }
.iproduct .head .line span { width: 107px; height: 4px; }
.iproduct .head .line1 { background: #0475cc; }
.iproduct .head .line2 { background: #79c935; }
.iproduct .prolist { background: url(../images/pro-bj.png) top center repeat-x; padding: 60px 0 0 0; }
.iproduct .prolist .wrap { overflow: hidden; }
.iproduct .column { position: relative; }
.iproduct .column li { margin: 0 0 15px 15px; border-radius: 4px; background: url(../images/pro-column.jpg) top center no-repeat; }
.iproduct .column li a { display: block; width: 183px; height: 49px; line-height: 49px; text-align: center; color: #fff; font-size: 20px; }
.iproduct .column .active a { background: #0585d5; }
.iproduct .column li:hover { background: #0585d5; }
.iproduct .main {}
.iproduct .list { width: 100%; overflow:hidden; display: none; }
.iproduct .list:first-child { display: block; }
.iproduct .list li { position: relative;  border: 1px solid #e7e7e7; margin: 0 0 10px 10px; width: 287px; height: 265px; background: #e7e7e7; }
.iproduct .list li .img { width: 100%; height: 215px; background: #fff; overflow: hidden;  }
.iproduct .list li img { width: 100%; height: auto; background: #fff; }
.iproduct .list h2 { text-align: center; font-size: 18px; line-height: 48px; }
.iproduct .list p, .iproduct .list span { display:none; visibility:visible; }
.iproduct .list .item-5 { margin-top: -275px; }
.iproduct .list .item-2 { width: 577px; height: 542px; background: #0475cc; }
.iproduct .list .item-2 .img { height: 440px; }
.iproduct .list .item-2 h2 { text-align: left; color: #fff; margin: 10px 0 0 20px;  }
.iproduct .list .item-2 p { display: block; color: #fff; margin-left: 20px; }
.iproduct .list .item-2 span { display: block; position: absolute; right: 0; bottom: 0; width: 90px; height: 48px; background: url(../images/more.png) center 25px no-repeat #69be2d; color: #fff; text-align: center; padding-top: 54px; }

.iproduct .list li:hover { background: #0475cc; }
.iproduct .list li:hover h2 { color: #fff; }
.iproduct .list li:hover img { transform:scale(1.05,1.05); }
.iproduct .list li:first-child + li:hover span {  animation: flipInX .5s ease; }
.iproduct .pw { border-top: 1px #e9e9e9 solid; position: relative; margin-top: 50px; text-align: center; }
.iproduct .pw .button { height: 33px; width: 90px; margin: 0 auto; background: #fff; padding: 0 20px; }
.iproduct .pw .button a { display: inline-block; width: 33px; height: 33px; border-radius: 33px; border: 6px solid #fff; margin-top: -20px; }
.iproduct .pw .btnPrev { background: url(../images/btnpw.png) left center no-repeat #d2d2d2; }
.iproduct .pw .btnNext { background: url(../images/btnpw.png) right center no-repeat #d2d2d2; }
.iproduct .pw .btnPrev:hover { background: url(../images/btnpw.png) left center no-repeat #0475cc; }
.iproduct .pw .btnNext:hover { background: url(../images/btnpw.png) right center no-repeat #0475cc; }

.iflow { padding:40px 0 80px; background: url(../images/flow-bj.jpg) top center no-repeat; position: relative; }
.iflow .wrap { }
.iflow .head { text-align: center; }
.iflow .head h2 { font-size: 26px; color: #333; }
.iflow .head h3 { font-size: 18px; color: #666; font-weight: normal; margin-bottom: 15px; }
.iflow .head .line { width: 214px; height: 4px; margin: 10px auto; }
.iflow .head .line span { width: 107px; height: 4px; }
.iflow .head .line1 { background: #0475cc; }
.iflow .head .line2 { background: #79c935; }
.iflow .content { width: 100%; overflow: hidden; background: url(../../uploadfile/flow1.png) center center no-repeat; margin-top: 30px; }
.iflow .left dl { width: 340px; height: 130px; padding-right: 140px; margin: 40px 0; }
.iflow .left dt { text-align: right; line-height: 70px; width: 200px; border-bottom: 1px dashed #d2d2d2; color: #0475cc; font-size: 24px; font-weight: bold; }
.iflow .left span { display: block; width: 40px; height: 40px; margin: 15px 0 0 10px; }
.iflow .left dd { line-height: 40px; color: #333; width: 280px; text-align: right; }
.iflow .left .item1 { background: url(../../uploadfile/flow-1.png) right center no-repeat; }
.iflow .left .item2 { background: url(../../uploadfile/flow-2.png) right center no-repeat; margin-left: -60px; }
.iflow .left .item3 { background: url(../../uploadfile/flow-3.png) right center no-repeat; }
.iflow .left .item1 span { background: url(../../uploadfile/flow.png) top left no-repeat; }
.iflow .left .item2 span { background: url(../../uploadfile/flow.png) -40px 0 no-repeat; }
.iflow .left .item3 span { background: url(../../uploadfile/flow.png) -80px 0 no-repeat; }
.iflow .right dl { width: 340px; height: 130px; padding-left: 140px; margin: 40px 0; }
.iflow .right dt { text-align: left; line-height: 70px; width: 200px; border-bottom: 1px dashed #d2d2d2; color: #0475cc; font-size: 24px; font-weight: bold; }
.iflow .right span { display: block; width: 40px; height: 40px; margin: 15px 10px 0 0; }
.iflow .right dd { line-height: 40px; color: #333; width: 280px; }
.iflow .right .item4 { background: url(../../uploadfile/flow-4.png) left center no-repeat; }
.iflow .right .item5 { background: url(../../uploadfile/flow-5.png) left center no-repeat; margin-left: 60px; margin-right: -60px; }
.iflow .right .item6 { background: url(../../uploadfile/flow-6.png) left center no-repeat; }
.iflow .right .item4 span { background: url(../../uploadfile/flow.png) 0 -40px no-repeat; }
.iflow .right .item5 span { background: url(../../uploadfile/flow.png) -40px -40px no-repeat; }
.iflow .right .item6 span { background: url(../../uploadfile/flow.png) -80px -40px no-repeat; }

.iban { width: 100%; height: 265px; position: relative; background: url(../../uploadfile/ban-bj.jpg) top center no-repeat; border-top: 1px solid #fff; }
.iban .img { position: relative; z-index: 3; margin: -40px 0 0 0; }
.iban .proimg { display: block; position: relative; margin: 20px 0 0 -210px; z-index: 2; }
.iban .txt { padding: 40px 0; }
.iban .txt h3 { font-size: 30px; color: #fff; }
.iban .txt h3 span { color: #a8e157; }
.iban .txt p { font-size: 18px; color: #fff; margin-bottom: 20px; }
.iban .tel h2 { font-size: 30px; color: #fff; margin: 0 10px; line-height: 30px; }
.iban .tel a { display: block; width: 140px; height: 35px; border-radius: 35px; background: #99da4a; text-align: center; line-height: 35px; font-size: 18px; color: #fff; }

.icase { position: relative; padding: 50px 0 70px 0; }
.icase .head { text-align: center; }
.icase .head h2 { font-size: 26px; color: #333; }
.icase .head h3 { font-size: 18px; color: #666; font-weight: normal; margin-bottom: 15px; }
.icase .head .line { width: 214px; height: 4px; margin: 0 auto; }
.icase .head .line span { width: 107px; height: 4px; }
.icase .head .line1 { background: #0475cc; }
.icase .head .line2 { background: #79c935; }
.icase .content { background: url(../images/pro-bj.png) top center repeat-x; padding: 60px 0 0 0; overflow: hidden; }
.icase .bimg { width: 838px; height: 629px; overflow: hidden; margin: 25px 0; border: 15px solid #fff; border-left: none; position: absolute;  }
.icase .bimg .list { width: 838px; height: 300%; overflow: hidden; }
.icase .bimg .list li { position: relative; display: none; }
.icase .bimg .list li:first-child { display: block; }
.icase .bimg .img { width: 838px; height: 629px; overflow: hidden; }
.icase .bimg .img img { width: 838px; height: auto; }
.icase .bimg .title { width: 838px; height: 93px; background: url(../images/case-bj.png) top center repeat; position:  absolute; left: 0; right: 0; bottom: 0;  }
.icase .bimg .title h2 { font-size: 20px; color: #fff; margin: 8px 0 0 20px; }
.icase .bimg .title h2 a{color: #fff;}
.icase .bimg .title p { font-size: 16px; color: #fff; margin-left: 20px; }
.icase .bimg .title span { display: block; position: absolute; right: 0; bottom: 0; width: 100px; height: 43px; background: url(../images/more.png) center 20px no-repeat #0475cc; color: #fff; text-align: center; padding-top: 50px; }
.icase .bimg .title span a{color: #fff;}
.icase .bimg .list li:hover img { transform:scale(1.05,1.05); }
.icase .bimg .list li:hover .title span { animation: flipInX .5s ease; }  
.icase .smimg { width: 438px; height: 699px; border: 7px solid #e1e1e1; margin-left: -90px; }
.icase .smimg .tentlist { width: 271px; height: 630px; margin: 33px 0 0 130px; overflow: hidden; position: relative; }
.icase .smimg ul { position: relative; }
.icase .smimg li { position: relative; margin-bottom: 10px; cursor:pointer; }
.icase .smimg .img { width: 271px; height: 203px; overflow: hidden; }
.icase .smimg img { width: 100%; height: auto;  transition: all 0.4s; }
.icase .smimg h2 { display: none; width: 100%; height: 36px; background: url(../images/case-bj.png) top center repeat; position: absolute; left: 0; right: 0; bottom: 0; color: #fff; text-align: center; line-height: 36px; font-weight: normal; font-size: 16px; }
.icase .smimg .active h2 { display: block; }
.icase .smimg li:hover h2 { display: block; }
.icase .smimg li:hover img { transform:scale(1.05,1.05); }
.icase .btnNext,
.icase .btnPrev { width: 60px; height: 60px; display: block; position: absolute; right: 50%; margin-right: -662px; }
.icase .btnPrev {  top: 52%; background: url(../images/casepw.png) left center no-repeat #d2d2d2;}
.icase .btnNext {  top: 59%; background: url(../images/casepw.png) right center no-repeat #d2d2d2; }
.icase .btnPrev:hover { background: url(../images/casepw.png) left center no-repeat #0585d5; }
.icase .btnNext:hover { background: url(../images/casepw.png) right center no-repeat #0585d5; }

.iabout { position: relative; height: 642px; background: #0475cc; }
.iabout .img { position: relative; width: 960px; height: 642px; background: #fff; margin-left: -360px; overflow: hidden;  }
.iabout .img img { width:100%; height: auto; }
.iabout .text { width: 560px; position: relative; padding: 50px 0 0 0; }
.iabout .head h3 { font-size: 55px; color: #579edc; font-weight: normal; text-transform:uppercase; line-height: 55px; }
.iabout .head h2 { font-size: 28px; color: #fff; letter-spacing: 15px; }
.iabout .head span { display: block; height: 1px; background: #92c6eb; }
.iabout .head .line { width: 164px; margin: 15px 0 4px 0; }
.iabout .head .line2 { width: 560px; }
.iabout p { color: #fff; font-size: 16px; margin-top: 20px; }
.iabout p a { color: #99da4a; }
.iabout .link { position: relative; }
.iabout .link dl { display: block; width: 98px; margin: 45px 30px 0 0; border: 1px solid #fff; border-radius: 8px; }
.iabout .link dl span { display: block; width: 60px; height: 60px; margin: 0 auto; }
.iabout .link dl a { color: #fff; text-align: center; display: block; width: 98px; font-size: 18px; margin-bottom: 5px; }
.iabout .link .lin1 { background: url(../images/about-1.png) top left no-repeat; }
.iabout .link .lin2 { background: url(../images/about-2.png) top left no-repeat; }
.iabout .link .lin3 { background: url(../images/about-3.png) top left no-repeat; }
.iabout .link dl:hover { border: 1px solid #0585d5; background: #fff; }
.iabout .link dl:hover a { color: #0585d5; }
.iabout .link dl:hover .lin1 { background: url(../images/about-1.png) top right no-repeat; }
.iabout .link dl:hover .lin2 { background: url(../images/about-2.png) top right no-repeat; }
.iabout .link dl:hover .lin3 { background: url(../images/about-3.png) top right no-repeat; }

.inews { position: relative; padding: 50px 0 70px 0; }
.inews .head { text-align: center; }
.inews .head h2 { font-size: 26px; color: #333; }
.inews .head h3 { font-size: 18px; color: #666; font-weight: normal; margin-bottom: 15px; }
.inews .head .line { width: 214px; height: 4px; margin: 0 auto; }
.inews .head .line span { width: 107px; height: 4px; }
.inews .head .line1 { background: #0475cc; }
.inews .head .line2 { background: #79c935; }
.inews .content { background: url(../images/pro-bj.png) top center repeat-x; padding: 60px 0 0 0; overflow: hidden; }
.inews .column { text-align: center; }
.inews .column a { display: inline-block; width: 134px; height: 40px; text-align: center; line-height: 40px; background: #aaaaaa; border-radius: 4px; margin: 0 10px 30px 0; color: #fff; font-size: 20px; }
.inews .column a:hover { background: #0475cc; }
.inews .column a::first-child  { background: #0475cc; }
.inews .newslist { width: 100%; height: 630px; position: relative; overflow: hidden; }
.inews .newslist .list { height: 630px; position: relative; }
.inews .newsbox { width: 400%; height: 630px; position: relative; overflow: hidden; }
.inews .item { width: 100%; padding: 25px 0; border-top: 1px solid #e9e9e9; overflow: hidden; height: 154px; position: relative; }
.inews .item .wrap { overflow: hidden; }
.inews .item:first-child { border-top: none; }
.inews .item .time { border-right: 1px solid #e9e9e9; padding-right: 30px; margin-right: 30px;  }
.inews .item .time h2 { color: #e1e1e1; font-size: 65px; line-height: 65px; }
.inews .item .time h3 { color: #666; font-size: 19px; font-weight: normal; }
.inews .item .txt { width: 720px; position: relative; }
.inews .item .txt h2 { font-size: 20px; }
.inews .item .txt p { color: #666; font-size: 14px; height: 56px; }
.inews .item .txt .more { display: block; width: 80px; height: 29px; line-height: 29px; text-align: center; background: #e1e1e1; color: #fff; margin-top: 10px; text-transform:uppercase; }
.inews .item .img { width: 283px; height: 154px; overflow: hidden; position: relative; }
.inews .item img { width: 100%; height: auto; }
.inews .item:hover { background: #f6f6f6; }
.inews .item:hover .time h2 { color: #0475cc; }
.inews .item:hover .txt .more { background: #69be2d; }
.inews .item:hover img { transform:scale(1.05,1.05); }
.inews .pw { border-top: 1px #e9e9e9 solid; position: relative; margin-top: 30px;  }
.inews .pw .button { height: 33px; width: 90px; margin: 0 auto; background: #fff; padding: 0 20px; }
.inews .pw .button a { display: inline-block; width: 33px; height: 33px; border-radius: 33px; border: 6px solid #fff; margin-top: -20px; }
.inews .pw .btnPrev { background: url(../images/btnpw.png) left center no-repeat #d2d2d2; }
.inews .pw .btnNext { background: url(../images/btnpw.png) right center no-repeat #d2d2d2; }
.inews .pw .btnPrev:hover { background: url(../images/btnpw.png) left center no-repeat #0475cc; }
.inews .pw .btnNext:hover { background: url(../images/btnpw.png) right center no-repeat #0475cc; }

.imessage { width: 100%; position: relative; height: 268px; z-index: 10; margin-top: 30px; }
.imessage .map { width: 100%; position: relative; height: 268px; overflow: hidden; }
.imessage .mapbj { width: 100%; height: 268px; background: url(../images/map-bj.png) top center repeat; position: absolute; top:0; left: 0; right: 0; }
.imessage .map img { height: 268px; width: auto; }
.imessage .form { width: 915px; padding: 30px 0; }
.imessage .iform .name,
.imessage .iform .tel,
.imessage .iform .email  { border: 1px solid #e6e6e6; margin: 0 0 20px 23px; width: 238px; height: 40px; line-height: 40px; border-radius: 4px; padding-left: 40px; color: #666; }
.imessage .iform .content { 
  border: 1px solid #e6e6e6; margin: 0 0 20px 23px;  border-radius: 4px; padding-left: 40px; color: #666;
  width: 847px; height: 93px; margin-bottom: 10px; padding-top: 10px; }
.imessage .iform .name { background: url(../images/flow-1.png) 5px center no-repeat #fff; }
.imessage .iform .tel { background: url(../images/flow-2.png) 5px center no-repeat #fff; }
.imessage .iform .email { background: url(../images/flow-3.png) 5px center no-repeat #fff; }
.imessage .iform .content { background: url(../images/flow-4.png) 5px 5px no-repeat #fff;  }
.imessage .but { width: 370px; margin: 0 auto; }
.imessage .button,
.imessage .reset { float: left; width: 155px; height: 37px; line-height: 37px; border-radius: 37px; background: #fff; border: 1px solid #e6e6e6; margin: 0 0 0 30px; cursor:pointer; }
.imessage .reset { background: #0475cc; color: #fff; }
.imessage .code { width: 261px; height: 403px; background: #0475cc; position: absolute; top: -30px; z-index: 8; text-align: center; }
.imessage .code .ilogo { width: 138px; height: 51px; display: inline-block; margin: 40px 0 10px 0; }
.imessage .code .ilogo img { height: 100%; width: auto; }
.imessage .code h4 { color: #fff; font-weight: normal; font-size: 16px; }
.imessage .code .rcode { width: 135px; height: 135px; border: 8px solid #319adc; margin: 20px 0 10px 0; }
.imessage .code p { color: #fff; font-size: 16px; }

.ifooter { background:#01243f; color: #e3e5e6; position: relative;   }
.ifooter .wrap { overflow: hidden; }
.ifooter .hot { width: 320px; margin-top: 130px; }
.ifooter .search { position: relative; margin: 20px 0;  }
.ifooter .search .srk { background-color: #fff; width: 308px; height: 50px; line-height: 50px; border: solid 1px #fff; padding-left: 10px; color: #666; }
.ifooter .search .ssbtm { width: 52px; height: 52px; position: absolute; top: 0; bottom: 0; right: 0; background: url(../images/btnsearch.png) center no-repeat #0475cc;  border: solid 1px #0475cc; cursor: pointer; }
.ifooter .tel { color: #99da4a; padding-left: 40px; background: url(../images/tel-1.png) left center no-repeat; font-size: 26px; }
.ifooter .link { margin: 45px 0 0 90px; position: relative; }
.ifooter .link dt { font-size: 16px; color: #fff; overflow: hidden; }
.ifooter .link .line { display: block; width: 30px; height: 2px; background: #0475cc; margin: 10px 6px 10px 0; }
.ifooter .link a { line-height: 35px; }
.ifooter .sublime { width: 230px; }
.ifooter .subads { width: 320px; }
.ifooter .subads dd { color: #e3e5e6; }
.ifooter .aline { display: block; width: 100%; height: 1px; background: #385873; margin-top: 40px; }
.ifooter .bottomer { width: 100%; height: 50px; }
.ifooter .bottomer p { text-align: center; line-height: 50px; }
.ifooter a { color: #e3e5e6; }
.ifooter a:hover { color: #aeb2b7; }

.toolbar { position:fixed; top:500px; right:1px; z-index:100; }
.toolbar > * { width:50px; height:50px; position:relative; background:#0475cc; border-top: 1px solid #fff; }
.toolbar > *:first-child { border-top:0; }
.toolbar > * > a { display:block; width:50px; height:50px; text-align:center; color:#FFF; background:url(../images/toolbar-icon.png) left 0 no-repeat; }
.toolbar .qq a { background-position:left 0; }
.toolbar .tel a { background-position:left -51px; }
.toolbar .code a { background-position:left -102px; }
.toolbar .itop a { background-position:left -154px; }
.toolbar > * > a:hover { background-color: #69be2d; }
.toolbar .qq a:hover { background-position:right 0; }
.toolbar .tel a:hover { background-position:right -51px; }
.toolbar .code a:hover { background-position:right -102px; }
.toolbar .itop a:hover { background-position:right -154px; }
.toolbar .drop-code { position:absolute; bottom:0; right:52px; background:#69be2d; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:122px; display:none; }
.toolbar .drop-code img { display:block; width:98px; height:98px; margin: 12px 12px 0 12px; }
.toolbar .drop-code h3 { font-weight:normal; line-height: 30px; }
.toolbar .drop-tel { position:absolute; top:0; right:52px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:50px; line-height:50px; padding:0 0 0 10px; background:#69be2d; color:#FFF; font-size:20px; }
.toolbar .qq:hover,
.toolbar .qiao:hover,
.toolbar .tel:hover,
.toolbar .code:hover { background-color:#0475cc; }
.toolbar .itop:hover { background-color:#0475cc; }






/******************************
 ** 内页架构
 ** 上下式
 ******************************/
.wrapper { width: 1200px; margin: 0 auto; position: relative; padding: 0 0 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAABAQMAAAD0NsVPAAAABlBMVEUAAAD09PTdqnB/AAAAAXRSTlMAQObYZgAAABBJREFUCNdj+E8AfGAYCAAAL2Yg0SwX6GIAAAAASUVORK5CYII=) center center repeat-y; }
.sidebar { float: left; width: 220px; height: auto; padding: 20px; background: #f4f4f4; }
.container { margin: 0 0 0 300px; }

.location { position: relative; height: 54px; line-height: 54px; margin: 0 0 20px; border-bottom: 1px dashed #999; }
.location .head h2 { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; font-size: 20px; font-weight: normal; }
.location .head h3 { display: none; }
.location .path { position: absolute; right: 0; top: 0;   font-size: 15px;  }

.side-menuer { margin: 0 0 20px;  }
.topclass { padding: 0 0 20px; color: #333; border-bottom: 2px solid #ddd; text-align: center; }
.topclass h2 { line-height: 30px; font-size: 24px; margin: 0 0 5px; }
.topclass h3 { line-height: 20px; text-transform: uppercase; font-weight: normal; opacity: .9; filter: Alpha(opacity=90); }
.side-menu { padding: 20px 0 0; }
.side-menu dd > a { display: block; padding: 0 20px; margin: 0 0 10px; line-height: 40px; font-size: 16px; background:  #e9e9e9; color: #666; }
.side-menu .drop { overflow: hidden; margin: 0 0 15px; display:none; }
.side-menu .drop li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAAA1BMVEVxcXHjbzagAAAACklEQVQI12MAAgAABAABINItbwAAAABJRU5ErkJggg==) 10px center no-repeat; }
.side-menu .drop a { display: block; padding: 0 0 0 25px; height: 24px; line-height: 24px; color: #999; }
.side-menu .drop a: hover { color: #e43b48; }
.side-menu dd > a:hover { background: #ddd; }
.side-menu dd.current > a { background:  #0475cc; color: #fff;  }
.side-menu dd.current .drop { display: block; }
.side-menu li.current > a { color: #039c7a; }

.side-con { }
.side-con .info { line-height: 24px; text-align: justify; }

/*地图*/
.about_main{line-height:30px; height:auto; font-size:14px;color:#666666; margin:0; padding:0;float:left;}
.about_main ul{list-style:none; margin:0; padding:0;}
.about_main ul li.map_1{border-bottom:1px solid #eee;margin:10px 0;padding:10px;font-weight:bold;}
.about_main ul li.map_2{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li.map_3{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li a{color: #666666;}
.about_main ul li a:hover{color:#666666; text-decoration:underline; font-weight:bold;}
.right_top ._column_title{ border-left:3px solid #e60044; color:#333; float:left; font-size:20px; height:24px; line-height:24px; margin:19px 0; padding-left:15px; display:inline;}
.right_top .column_path{ float:right;display:inline; color:#999; font-size:12px;}
.right_top .column_path a{color:#999;}
.clear { clear: both;font-size: 0px; margin: 0; padding: 0;display: block;height: 0px;_height: 0px;overflow: hidden;}